<template>
  <input @click="cliclInp" v-model="val" type="text" disabled>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  props: {},
  data() {
    return {
      val: 3455,
      str: '1234567890qwertyuiopasdfghjklzxcvbnm',
    };
  },
  // 组件
  components: {},
  // 事件方法
  methods: {
    // 点击验证码
    cliclInp() {

    },
    // 随机截取四位
    slice(){
      // this.val=Math.round(Math.random()*15)
      this.val= Math.random().toString(16).substring(0, 15);
    }
  },
  // 计算属性
  computed: {},
  //生命周期
  created() { },
  mounted() {
    this.slice()
    console.log(this.val);
   },
};
</script>

<style scoped>
/* @import url(''); 引入css样式 */
input {
  width: 80px;
  height: 36px;
  outline: none;
  text-align: center;
}
</style>